<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 定义了请求拦截器，响应拦截器，为了看运行流程 -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    //axios的请求拦截器，在axios进行网络请求之前触发
    axios.interceptors.request.use(
      config => {
        //在发送请求之前做些什么
        console.log("请求拦截器方向成功1")
        return config   //请求拦截成功时必须返回config
      },
      error => {
        //对请求错误做些什么
        console.log("请求拦截器方向失败1")
        return Promise.reject(error)
      }
    )

    //axios的响应拦截器，在axios响应数据之前触发
    axios.interceptors.response.use(
      response => {
        //对响应数据做点什么
        console.log("响应拦截器方向成功1")
        return response;  //响应拦截器成功时必须返回response
      },
      error => {
        //对错误数据做点什么
        console.log("响应拦截器方向失败1")
        return Promise.reject(error)
      }
    )
    //axios发送get请求
    axios.get(' http://localhost:3000/users').then(res => {
      console.log(res, '成功')
    }).catch(err => {
      console.log(err, '失败')
    })
  </script>


</body>

</html>